<template>
	<view>
		使用 辅助函数映射的方式操作store 仓库中的数据	
		<view class="">
			store中的count:{{count}}
		</view>
		<view class="">
			store中的计算属性doubleCount:{{doubleCount}}
		</view>
		<view class="">
			<button @click="addCount(100)">count+100</button>
			<button @click="addCountAsync(100)">异步+100</button>
		</view>
	</view>
</template>

<script>
	// const app = getApp();
	// console.log(app);
	// 使用辅助函数将store 仓库中的数据映射到当前组件自身的this 实例上
	import {mapState,mapMutations,mapActions,mapGetters} from 'vuex';
	
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			...mapMutations(['addCount']),
			...mapActions(['addCountAsync'])
		},
		computed:{
			...mapState(['count']),
			...mapGetters(['doubleCount'])
		},
		mounted() {
			console.log('fen-this',this);
		}
	}
</script>

<style>

</style>
